.updateNoteComponent {
    
    .titleBar {
        padding: 10px 0;
        background: rgba(52, 194, 166, 0.45);
        color: #6f6f6f;
        display: flex;
        justify-content: flex-start;
        position: relative;
        .container {
            width: 33%;
            &:last-child {
                width: 50px;
            }
        }
    }
    .poetrySearch {
        .item {
            padding: 10px 0;
            width: 100%;
            background: rgba(52,194,166,.005);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            user-select: text;
            .container {
                width: 33%;
                line-break: normal;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .tool {
                width: 50px;
                font-size: 16px;
                >span {
                    cursor: pointer;
                    &:first-child {
                        margin-right: 5px;
                    }
                    &:last-child {
                        color: #fa5050;
                    }
                }
            }
            &:nth-child(2n) {
                background: rgba(52,194,166,.15);
            }
        }
    }
    .paging {
        padding: 10px 0;
    }
    .actions {
        padding: 10px 0;
    }
}